<template>
  <div>
    <h3>slot 插槽</h3>
    <hr>
    <Category >
      <div slot="hea"> 具名插槽 -- header </div>
      <div slot="cen"> 具名插槽 -- center </div>
      <!-- <template slot="foot"> -->
      <template v-slot:foot>
        <span>1</span><span>2</span><span>3</span>
      </template>
    </Category>
  </div>
</template>
<script>
import Category from "./components/Category.vue";

export default {
  name:"App",
  data() {
    return {
      arr:{
        game:['1','2','3'],
        video:['a','b','c']
      }
    }
  },
  methods: {
    
  },
  components:{
    Category
  }
}
</script>